import React, { Component } from 'react'

export default class App extends Component {
  state = {
    age: 18,
  }
  componentDidMount() {
    // 18 之前定时器中的表现是同步的，18 之后就不存在这个情况了
    /* setTimeout(() => {
      this.setState({ age: 19 })
      console.log(this.state.age)
    }) */

    document.querySelector('button').addEventListener('click', () => {
      this.setState({ age: this.state.age + 1 })
      console.log(this.state.age)
    })
  }
  render() {
    return (
      <div>
        App {this.state.age}
        <button>+1</button>
      </div>
    )
  }
}
